<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=yes" />
<link rel=stylesheet type=text/css href=stylesheet.css>
<title>The Triple EEE: Find Us</title>
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBYQ0U3nuMxxI-MPbNvV7SNB5fR6UUe9-Y&sensor=false">
</script>
	<script>
      function initialize() 
	  {
        var mapProp = {
          center: new google.maps.LatLng(14.649792, 121.068265),
          zoom: 9,
		  mapTypeId:google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("maps"),
            mapProp);
			var marker = new google.maps.Marker({
  position: new google.maps.LatLng(14.649792, 121.068265),
  title:'Click to find the EEE Building'
  });
  marker.setMap(map);
  google.maps.event.addListener(marker,'click',function() {
  map.setZoom(17);
  map.setCenter(marker.getPosition());
  });
      }
	  google.maps.event.addDomListener(window, 'load', initialize);
	  
    </script>
</head>
<body>
<center>
<img id=header src=eee.jpg /><br/><br/><br/>
<h2>Find Us</h2>
<div id="maps" style="width:600px;height:600px;"> </div>
<h2>Navigation</h2>
<select id="url" onchange="javascript:location.href = this.value;">
<option value="home.html">Home</option>
<option value="about.html">About Us</option>
<option value="findus.html" selected>Find Us</option>
</select><br/><br/>
</center>
</body>
</html>